/**
 * bem helper
 * b() // 'button'
 * b('text') // 'button__text'
 * b({ disabled }) // 'button button--disabled'
 * b('text', { disabled }) // 'button__text button__text--disabled'
 * b(['disabled', 'primary']) // 'button button--disabled button--primary'
 */

/**
 * @typedef Mods
 * @type {string|Array.<string>|{}}
 */

/**
 * @param name {string}
 * @param mods {Mods}
 * */
function gen(name, mods) {
  if (!mods) {
    return ''
  }

  if (typeof mods === 'string') {
    return ` ${name}--${mods}`
  }

  if (Array.isArray(mods)) {
    return mods.reduce((ret, item) => ret + gen(name, item), '')
  }

  return Object.keys(mods).reduce(
    (ret, key) => ret + (mods[key] ? gen(name, key) : ''),
    ''
  )
}

/**
 * @param name {string}
 * @returns { (el:string, mods: Mods) => string }
 * */
const createBEM = name => {
  /**
   * @param el {string}
   * @param mods {string|Array.<string>|{}}
   * */
  return function(el, mods) {
    if (el && typeof el !== 'string') {
      mods = el
      el = ''
    }

    el = el ? `${name}__${el}` : name

    return `${el}${gen(el, mods)}`
  }
}

export default createBEM
